<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。-->

<!--localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。-->

<!--localStorage 属性是只读的。-->

<div id="result"></div>
<button onclick="removeName()">删除localStorage中的数据</button>
<button onclick="saveName()">存储localStorage数据</button>
<script>

    document.getElementById("result").innerHTML = localStorage.getItem("name");

    function saveName(){
        // 判断浏览器是否支持
        if (typeof(Storage) !== "undefined") {
            // 存储
            localStorage.setItem("name", "炊逸飞");
        } else {
            document.getElementById("result").innerHTML = "浏览器不支持";
        }
    }

    function removeName(){
        localStorage.removeItem("name");
    }


</script>
</body>
</html>